const http = require('http');
const DATA = require('./data/index.json');// console.log(DATA[0].newsTitle);
const app = http.createServer((req, res) => {
    // 设计路由 - 根据不同的访问地址，显示不同的数据内容
    let {pathname,searchParams} = new URL(req.url,'http://127.0.0.1');
    res.setHeader('Content-type', 'text/html;charset=utf-8')
    // 新闻列表页
    if (pathname === '/list' || pathname === '/') {
        // let str = `<ul>`
        // DATA.forEach((item) => {// console.log(item);// console.log(item.id);
        //     str += `<li>
        //                 <a href="/detail?id=${item.id}">${item.newsTitle}</a>
        //             </li>`
        // })
        // str += '</ul>';// console.log(str);
        // res.end(str);
        let str = `<ul>
                ${
                    DATA.map(item=>`<li><a href="/detail?id=${item.id}">${item.newsTitle}</a></li>`).join('')
                }
            </ul>
        `;

        res.end(str);
    }// 新闻详情页
    else if(pathname === '/detail'){
        let id = searchParams.get('id'); // res.end('进入到详情页了'+searchParams.get('id'));
        // 数组查找某一条数据
        // let result =  DATA.find((item)=>{
        //     // console.log(item);
        //     return id === item.id;
        // });
        let result = DATA.find(item=>id===item.id);
        res.end(`<a href="/list">返回</a>
                <h3>${result.newsTitle}</h3>
                <p>${result.newsContent}</p>`)
    }else{
        res.end('抱歉，404，找不到');
    }
})

app.listen(80, () => {
    console.log("80启动成功");
})